<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%@ include file="/WEB-INF/views/shop/app/app_base.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<meta name="format-detection" content="telephone=no, email=no"/>
	<meta charset="UTF-8">
	<title>${systemTitle}</title>
	<link rel="stylesheet" href="<%=basePath%>/static/shop/app/css/core.css">
	<link rel="stylesheet" href="<%=basePath%>/static/shop/app/css/icon.css">
	<link rel="stylesheet" href="<%=basePath%>/static/shop/app/css/home.css">
	<link rel="stylesheet" href="<%=basePath%>/static/shop/app/css/share.css">
	<link rel="shortcut icon" href="<%=basePath%>/favicon.ico" type="image/x-icon" />
	<link href="<%=basePath%>/favicon.ico" sizes="114x114" rel="apple-touch-icon-precomposed">
	<style>
		.n-tabs {
			position: fixed;
			top:44px;
			left: 0;
			width: 100%;
			height: 20px;
			overflow: hidden;
			z-index: 100;
			background-color: #fff;
			box-shadow: 0 0 10PX 0PX rgba(155,143,143,0.6);
			-webkit-box-shadow: 0 0 10PX 0PX rgba(155,143,143,0.6);
			-moz-box-shadow: 0 0 10PX 0PX rgba(155,143,143,0.6);
		}
	</style>
</head>
<body>
	<header class="aui-header-default aui-header-fixed aui-header-bg">
		<div class="aui-header-center aui-header-center-clear">
			<div class="aui-header-center-logo">
				<div><img src="<%=basePath%>/static/shop/app/img/user/icon-dis.png" alt=""></div>
			</div>
		</div>
		<a href="javascript:;" class="aui-header-item-icon select"    style="min-width:0;">
			<i class="aui-icon aui-icon-share-pd selectVal" onselectstart="return false"></i>
			<div class="aui-header-drop-down selectList">
				<div class="aui-header-drop-down-san"></div>
				<div class="">
					<p class="">首页</p>
					<p class="" id="share_btn_p">分享</p>
				</div>
			</div>
		</a>
	</header>
	<section class="n-tabs">
		欢迎使用,现在注册成为店主,免费试用3个月
	</section>
	<div class="aui-content-box" style="padding-top:20px;">
		<div class="aui-banner-content aui-fixed-top" data-aui-slider>
			<div class="aui-banner-wrapper">
				<c:forEach var="shop" items="${shop4List}">
				<div class="aui-banner-wrapper-item">
					<a href="<%=basePath%>/${shop.code }">
						<div class="scroll_contain">
							<img id="scroll_${shop.id}" src="${shop.logo }"/>
						</div>
					</a>
				</div>
				</c:forEach>
			</div>
			<div class="aui-banner-pagination"></div>
		</div>
		<!-- 卡片模块 begin -->
		<c:forEach var="shop" items="${shopList}">
		<a href="<%=basePath%>/${shop.code }" target="_blank">
		<section class="aui-card-content">
			<div class="aui-card-box">
				<div class="aui-card-box-user">
					<div class="card_contain">
						<img id="card_${shop.id }" src="${shop.logo }" alt=""/>
					</div>
				</div>
				<div class="aui-card-box-name">
					<h2 class="aui-card-box-name">${shop.name }</h2>
					<span class="aui-card-box-btn">进入店铺</span>
				</div>
				<div class="aui-card-box-time">进驻日期:<fmt:formatDate value="${shop.createdTime }" pattern="yyyy-MM-dd"/></div>
			</div>
			<div class="aui-card-media">
				<div class="aui-card-media-item">
					<div class="logo_contain">
						<img id="logo_${shop.id }" src="${shop.logo }"/>
					</div>
				</div>
				<div class="aui-card-media-inner">
					<div class="aui-card-media-text">
						<p>店铺地址：${shop.province }-${shop.city }(${shop.address })</p>
					</div>
					<div class="aui-card-media-text">
						<p>${shop.description }</p>
					</div>
					<div class="aui-card-media-describe">
						<span>共${shop.onSaleCount }件宝贝</span>
					</div>
				</div>
			</div>

		</section>
		</a>
		<!-- 卡片模块 end -->
		<div class="aui-dri"></div>
		</c:forEach>
	</div>
	<div class="aui-invitation-footer">
		<a href="<%=basePath%>/admin/register" target="_blank">我还没有账号,我要开店</a>
		<a href="<%=basePath%>/admin" target="_blank" style="background:#f5751c">我有账号,我要管理店铺</a>
	</div>
	<%@ include file="share.jsp" %>
	<script type="text/javascript" src="<%=basePath%>/static/shop/app/js/jquery.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>/static/shop/app/js/aui.js"></script>
	<script src="<%=basePath%>/static/shop/app/js/aui-down.js"></script>
	<script type="text/javascript" src="<%=basePath%>/static/shop/app/js/jquery.fakecrop.js"></script>
	<script type="text/javascript" src="<%=basePath%>/static/shop/app/js/share.js"></script>
	<script type="text/javascript" src="<%=basePath%>/static/shop/app/js/my_pic_view.js"></script>
	<script type="text/javascript">
	window.onload=function () {
		var browser_width = $(document.body).width();
	    var widthSize = browser_width;//正方形容器的大小的宽=高
	    var heightSize = browser_width*0.35;//正方形容器的大小宽=高
	    //显示轮播
	    show_pic_view_all(widthSize,heightSize,'scroll_');
	    //显示小圆logo
	    show_pic_view_all('36.8','36.8','card_');
	    //显示方形logo
	    show_pic_view_all('84','84','logo_');
	}
	</script>
</body>
</html>